$(function () {
    var arr = allData.index[0];
    var str;
    $.each(arr, function (i, v) {
      v.forEach((ele) => {
        str = `
      <a href="javascript:void(0)">
          <img src="${ele}" alt="">
      </a>
      `;
        $(".chaoji").append(str);
        // console.log(ele);
      });
    });

    $(".chaoji a").hover(
      function () {
        $(this).children("").css({
          transform: "translateY(-5px)",
          boxShadow: "rgb(0 0 0 / 40%) 0px 5px 20px 0px",
          transition: "all 150ms ease-in-out",
        });
      },
      function () {
        $(this).children("").css({
          transform: "translateY(5px)",
          boxShadow: "none",
          transition: "all 150ms ease-in-out",
        });
      }
    );
  });